<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
        <title>查看我的收入明细</title>
        {''|getCommon} 
		{'easyui'|getPlugSingle}
		{'ztree'|getPlugSingle}
	</head>
    <body>
        <table id="dataListTb" title="查看我的收入明细" style="width:100%;" data-options="collapsible:true,rownumbers:true,singleSelect:true,pagination:true,url:'queryUserRecom',method:'post',toolbar:'#roleTableTool',multiSort:false">
			<thead>
				<tr>
					<th data-options="field:'userInFLoginId',resizable:false" width="14%">收支用户</th>
					<th data-options="field:'userInFReason',formatter:formatReason,resizable:false" width="15%">收支事由</th>
					<th data-options="field:'userInFZf',resizable:false,formatter:formatGetOrLose" width="12%">收支金额</th>
					<th data-options="field:'userInFCreatetime',resizable:false,sortable:true" width="11%">收支时间</th>
					<th data-options="field:'userInFType',align:'left',resizable:false,formatter:formatType" width="15%">收益人类型</th>
					<th data-options="field:'roleDesc',align:'left',formatter:nullFix" width="15%">所属角色</th>
					<th data-options="field:'userInFOthMo',resizable:false,formatter:nullFix" width="8%">额外收支金额</th>
					<th data-options="field:'userInFSurGlod',resizable:false" width="9%">用户余额</th>
				</tr>
			</thead>
		</table>
		<div id="roleTableTool" style="padding:5px;height:auto">
			<div style="margin-bottom:5px">
				<a href="#" class="easyui-linkbutton" iconCls="icon-reload" plain="true" onclick="javascript:window.location.reload()">刷新</a>
			</div>
			<div>
				<form id="queryTableInfo" method="post">
					收支时间: <input class="easyui-datebox" name="withdCreatetimeStart" style="width:120px">
					到: <input class="easyui-datebox" name="withdCreatetimeEnd" style="width:120px">
					收支事由: 
					<select class="easyui-combobox" name="userInFReason" panelHeight="auto" style="width:130px">
						<option value="4">所有事由</option>
						<option value="1">升级为会员</option>
						<option value="2">直接升级为报单中心用户</option>
						<option value="3">普通用户升级为报单用户</option>
						<option value="4">作为报单用户获得佣金</option>
						<option value="5">指定收益人获得收益</option>
						<option value="6">他人赠送</option>
						<option value="7">赠送给他人</option>
						<option value="8">提现</option>
						<option value="9">野猪币消费</option>
						<option value="10">提现被拒绝</option>
					</select>
					得失类型: 
					<select class="easyui-combobox" name="userInFZf" panelHeight="auto" style="width:80px">
						<option value="3">所有类型</option>
						<option value="1">+获得</option>
						<option value="2">-失去</option>
					</select>
					收益人类型: 
					<select class="easyui-combobox" name="userInFType" panelHeight="auto" style="width:80px">
						<option value="4">所有类型</option>
						<option value="1">一级推荐人</option>
						<option value="2">二级推荐人</option>
						<option value="3">三级推荐人</option>
						<option value="4">被报单</option>
						<option value="5">指定收益人</option>
						<option value="6">其他</option>
					</select>
					<a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="queryTableInfo()">搜索</a>
					<a href="#" class="easyui-linkbutton" iconCls="icon-redo" onclick="clearTbForm()">清空条件</a>
					
				</form>
			</div>
		</div>
		<script type="text/javascript">
			//状态解释器
			function formatType(val,row){
				switch(val){
					case '1':
						return '一级推荐人 ';
						break;
					case '2':
						return '二级推荐人 ';
						break;
					case '3':
						return '三级推荐人';
						break;	
					case '4':
						return '被报单';
						break;	
					case '5':
						return '指定收益人';
						break;	
					case '6':
						return '其他';
						break;	
					default:
						return '<span style="color:#333333;">-</span>';
						break;
				}
			}
			function formatGetOrLose(val,row){
				switch(val){
				case '1':
					return '<font color="green">+获得</font>('+row.userInFMo+')';
					break;
				case '2':
					return '<font color="red">-失去</font>('+row.userInFMo+')';
					break;
				default:
					return '<span style="color:#333333;">-</span>';
					break;
			}
			}
			function formatReason(val,row){
				switch(val){
					case '1':
						return '升级为会员';
						break;
					case '2':
						return '直接升级为报单中心用户 ';
						break;
					case '3':
						return '普通用户升级为报单用户';
						break;	
					case '4':
						return '作为报单用户获得佣金';
						break;	
					case '5':
						return '指定收益人获得收益';
						break;	
					case '6':
						return '他人赠送';
						break;	
					case '7':
						return '赠送给他人';
						break;	
					case '8':
						return '提现';
						break;	
					case '9':
						return '野猪币消费';
						break;	
					case '10':
						return '提现被拒绝';
						break;	
					case '11':
						return '系统为用户充值';
						break;
					case '12':
						return '10级内用户另获得1%的佣金';
						break;
					default:
						return '<span style="color:#333333;">-</span>';
						break;
				}
			}
			//带条件查询信息
			function queryTableInfo(){
				$("#dataListTb").datagrid("load", {
					withdCreatetimeStart:$('#queryTableInfo input[name="withdCreatetimeStart"]').val(),
					withdCreatetimeEnd:$('#queryTableInfo input[name="withdCreatetimeEnd"]').val(),
					userInFType:$('#queryTableInfo input[name="userInFType"]').val(),
					userInFReason:$('#queryTableInfo input[name="userInFReason"]').val(),
					userInFZf:$('#queryTableInfo input[name="userInFZf"]').val()
		        });
				getALlMo(true);
			}
			
			//清空条件
			function clearTbForm(){
				$('#queryTableInfo').form('clear');
			}
			
			{literal}
			//如果为空就显示-
			function nullFix(val,row){
				if(val==null || val=='')return '-';
				else return val;
			}
			{/literal}
		
			$(function(){
				getALlMo(false);
				var pager = $('#dataListTb').datagrid({
					method: 'POST',
					loadMsg: '数据加载中,请稍候...',
					pagination: true,   
					pageSize: 15,//每页显示的记录条数，默认为10 
					pageList: [15, 30, 45]//可以设置每页记录条数的列表  
				}).datagrid('getPager');	// get the pager of datagrid
				pager.pagination(
					{ pageSize: 15,//每页显示的记录条数，默认为20
			        pageList: [15,30,45] }//可以设置每页记录条数的列表 
				);			
			})
			function getALlMo(isFirstLoad){
				
				var param={};
				
				if(isFirstLoad){
					param={
							withdCreatetimeStart:$('#queryTableInfo input[name="withdCreatetimeStart"]').val(),
							withdCreatetimeEnd:$('#queryTableInfo input[name="withdCreatetimeEnd"]').val(),
							userInFType:$('#queryTableInfo input[name="userInFType"]').val(),
							userInFReason:$('#queryTableInfo input[name="userInFReason"]').val(),
							userInFZf:$('#queryTableInfo input[name="userInFZf"]').val()
					};
				}
				
			}
		</script>
    </body>
</html>
